<html>

    <head>
        <link rel="shortcut icon" type="image/x-icon" href="menu icons/favicon.ico">
        <meta http-equiv="X-UA-Compatible" content="IE=9" />
        <link href="style3.css" rel="stylesheet" type="text/css" />
        <?php include "jquery.php" ?>
        <? // the relate statment to css sheet ?>
    </head>

        </br>
        </br>
        </br>
        </br>
        </br>
        </br>
        </br>

        <? // all of these like prssing enter inorder to make it in the middle of the page ?>
    <div id="container">
        <img src="ConfO-logo.gif" alt="ConfO logo" />


        <? // it is only to show that we can put an image here ?>




        </br>


        </br>



        <title></title>

    </head>

    <body style="text-align: center;">


        <? // alligning all the body in the middle , while the rest of all pages the body in the left ?>

        <?php
        if (isset($_GET['new'])) {
            $conn = mysql_connect('localhost', 'root', '') or die(mysql_error());
            mysql_select_db("mydb") or die(mysql_error());
            $member_id = $_GET['member_id'];
            mysql_query("UPDATE member
            SET activated = 1
            WHERE member_id ='$member_id'") or die(mysql_error());
            ?>

        <body onload="$('#cover5').fadeIn('slow');">;
            <?php
        }
        ?>


        </br>
        </br>
        </br>
        </br>
        </br>


        <? // all of these like prssing enter inorder to make it in the middle of the page  ?>

        <table style="margin-right:auto; margin-left: auto; border: 0px;">
            <tr><td style="text-align: center; border: 0px;">
                    <input id="start" class="index"  type=button value='Start a Conference'>
                </td>
                <td></td>
                <td style="text-align: center; border: 0px;">
                    <input id="signin" class="index" type="button" value='Sign In'>
                </td>
                <td></td>
                <td  style="text-align: center; border: 0px;">
                    <input class="index" id="signup" type="button" value="Sign Up"/>
                </td>
            </tr>
        </table>

        <? // the three buttons of sign in and sign out and start conference and thier position  ?>
        <div id="cover4">
            <iframe id="warning" src="SignIn.php?val=1" style="height: 610px; top: 0px; width: 900px;">
            </iframe>
        </div>
        <div id="cover5">
            <iframe name="warning" src="SignIn.php" id="warning" style="height: 250px">
            </iframe>
        </div>
        <div id="cover6">
            <iframe src="signUpEmailPassword.php" id="warning" style="height: 250px">
            </iframe>
        </div>
        <div style="height: 157px;"></div>
    </body>
    <?php
    include 'footer.php';
// the function that calls the footer page.
    ?>
</div>

</html>
<head>
    <script src="sysJavascript.js" language="javascript"></script>
</head>
